<!DOCTYPE html>

<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
                <meta name="format-detection" content="telephone=no" />
	   <script type="text/javascript" src="../../../lib/js/require.js"></script>
     <script type="text/javascript" src="../../../lib/js/jquery.js"></script>
	   <script type="text/javascript" src="../../../lib/js/validate_UI.js"></script>
		<script type="text/javascript" src="../../../lib/js/jq.js"></script>
		<script type="text/javascript" src="../../../lib/js/dove.js"></script>
		<script type="text/javascript" src="../../../lib/js/iscroll.js"></script>
		<script type="text/javascript" src="../../../lib/js/jquery.ui.datepicker.js"></script>
		<script type="text/javascript" src="../../../lib/js/webtrends.js"></script>
		<script type="text/javascript" src="../../../lib/js/maskinput.js"></script>
		<script type="text/javascript" src="deliver.js"></script>
		<link href="../../../lib/css/list.css" rel="stylesheet">
		<link href="../../../lib/css/button.css" rel="stylesheet">
		<link href="../../../lib/css/input.css" rel="stylesheet">
		<link href="../../../lib/css/panel.css" rel="stylesheet">
		<link href="../../../lib/css/uicsBase.css" rel="stylesheet">
		<link href="../../../lib/css/jquery.ui.theme.css" rel="stylesheet">
		<link href="../../../lib/css/jquery.ui.datepicker.css" rel="stylesheet">
		<link href="../../../lib/css/bb-ui-refresh.css" rel="stylesheet">
		<link href="../../../lib/css/uiGreenPacket.css" rel="stylesheet">
	</head>
<body>
	<div id="deliverLoading" role="page" class="page">
		<div class="sub-page">
			<div class="ui-loader">
			   <div id="loading" class="loading defa ui-corner-all">
					<div class="loader">
					</div>
					<div class="loadtext">
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div id="deliverNow" role="page" class="page hidden bg">
		<div id="deliverNow_topSection" class="upArea">
            <!--new start-->
            <div id="deliverNow_headbar" role="headbar" class="ui-header nav-shake shakeSelected">
                <div id="deliverNow_btn_menu" class="nav-bg deliver-menu">
                    <a class="nav_home deliver-home">Home</a>
                </div>
                <div id="deliverNow_btn_unlockBonus" class="nav-bg deliver-unlock">
                    <a class="nav_unlock a-unlock">Unlock</a>
                </div>
                <div id="deliverNow_btn_deliver" class="nav-select-bg deliver-shake">
                    <a class="nav_shake">Shake</a>
                </div>
                <div class="clear-both"></div>
            </div>

            <div class="deliver-code">
                <div class="float-left">
                    <span class="deliver-code-invi">Invitation</span>
                    <div class="deliver-code-code">CODE</div>
                </div>
                <div class="deliver-num" id="bossCodediv_id">

                </div>
                <div class="clear-both"></div>
            </div>

			<div class="icon-shakeBoss-top"></div>
		</div>
		<div id="deliverNow_info" class="centerArea hidden">
			<div class="ui-waiting">
				<div class="infoContent1">
					<div><label><span class="ui-blueSpan size24">${nls.sendLaisees}</span>
                        <!--<span id="countdownSpan" class="ui-blueSpan ui-bigSpan"></span>-->
                    </label></div>
					<div class="margin8Auto">
                        <label><span class="ui-greySpan">${nls.bonusLock}<span id="bonusLockSwitch"></span></span></label>
                    </div>
                    <div class="sending">
                        <span class="sendingImgInfor"></span>
                        <span class="sendingMsg">${nls.sendingLaiseesMsg}</span>
                    </div>
				</div>
			</div>
			<!--<div class="ui-deliverResult hidden">-->
            <div class="ui-deliverResult">
				<div class="center">
                    <div class="bossResultContent result-position"></div>
					<div class="margin6Auto"><label><span class="ui-blueSpan"><span id="sentLaiseeAmount"></span> ${nls.sentLaisees}</span></label></div>
					<div><label><span class="ui-greySpan"><span id="greenAmount"></span> <span class="ui-greenSpan">${nls.green}</span> ${nls.laisees}</span></label></div>
					<div class="marginBottom10"><label><span class="ui-greySpan"><span id="bonusAmount"></span> <span class="ui-redSpan">${nls.bonus}</span> ${nls.laisees}</span></label></div>
                    <div class="sendingLaiseeDiv" id="sendingLaiseesMsg_div">
                        <span class="sendingImgInfor"></span>
                        <span class="sendingLaiseeMsg">${nls.sendingLaiseesMsg}</span>
                    </div>
				</div>
			</div>
		</div>
		<div id="splitMask" class="maskArea icon-shakeBoss">
            <!--<div style="position: relative;top: -146px;">-->
                <!--<div id="deliverNow_btn_menu" class="nav-bg" style="margin: 10px auto auto 15px;text-align: center;width: 65px;">-->
                    <!--<a class="nav_home" style="text-align: center;line-height: 35px;font-size: 13px;color: #29abe2;display: inline-block;">Home</a>-->
                <!--</div>-->
                <!--<div id="deliverNow_btn_unlockBonus" class="nav-bg" style="margin: 10px auto auto 15px;text-align: center;width: 65px;float: right;">-->
                    <!--<a class="nav_unlock" style="text-align: center;line-height: 35px;font-size: 13px;color: #29abe2;display: inline-block;">Unlock</a>-->
                <!--</div>-->
                <!--<div id="deliverNow_btn_deliver" class="nav-select-bg" style="margin: 5px auto auto 15px;text-align: center;width: 95px;height: 50px;float: right;margin-right: -30px;">-->
                    <!--<a class="nav_shake" style="text-align: center;line-height: 50px;font-size: 16px;color: #676767;display: inline-block;">Shake</a>-->
                <!--</div>-->
                <!--<div style="clear: both"></div>-->

                <!--<div style="height: 40px;margin: 30px 15px 45px 15px" >-->
                    <!--<div style="float: left;">-->
                        <!--<span style="background-color: #7ac943;color: #ffffff;font-size: 10px;text-shadow: none;padding: 3px;display: inline-block">Invitation</span>-->
                        <!--<div style="font-size: 20px;color: #7ac943;">CODE</div>-->
                    <!--</div>-->
                    <!--<div style="float: left;font-size: 48px;color: #29abe2;margin-left: 5px;line-height: 40px;" id="bossCodediv_id">-->

                    <!--</div>-->
                    <!--<div style="clear: both;"></div>-->
                <!--</div>-->
            <!--</div>-->
            <div class="shakeContent">
                <div id="deliverNow_normalInfo">
                    <!--<div><label><span class="ui-greenSpan ui-bigSpan">${nls.shakeNow}</span></label></div>-->
                    <!--<div><label><span class="ui-greySpan">${nls.giveLaisees}</span></label></div>-->
                    <div class="shakeNow">${nls.shakeNow}</div>
                    <div class="ui-greySpan size22 marginBottom10">${nls.giveLaisees}</div>
                </div>
                <div id="deliverNow_errorInfo" class="hidden">
                    <div><label><span class="ui-redSpan ui-bigSpan"></span></label></div>
                    <div><label><span class="ui-greySpan"></span></label></div>
                </div>

                <div class="dis-inlineBlock">
                    <div class="whether-in">${nls.whether-include}</div>
                    <div id="deliverNow_btn_lock_area" class="lock-btn">
                        <a id="deliverNow_btn_lock" role="button" href="javascript:;" class="lock-btn-switcher isOn">${nls.on}</a>
                        <div class="clear-both"></div>
                        <!--<a id="deliverNow_btn_lock" role="button" href="javascript:;" class="lock-btn-switcher isOn">${nls.on}</a>-->
                        <!--<div style="clear: both;"></div>-->
                    </div>
                    <div class="clear-both"></div>
                </div>
                <div class="shakeMessageTxt_div" id="shakeMessageTxt_div">
                    <div class="shakeMessageImg float-left"></div>
                    <div class="shakeMessageTxt">${nls.shakeMessageTxt}</div>
                    <div class="clear-both"></div>
                </div>
            </div>
		</div>
		<div id="deliverNow_bottomSection" class="downArea">
			<div class="icon-shakeBoss-bottom"></div>

            <div><a id="deliverNow_btn_setting" role="button" href="javascript:;" class="setting-btn"></a></div>
            <!--<div><a id="deliverNow_btn_info" role="button" href="javascript:;" class="info-btn"></a></div>-->

		</div>
		
		<!-- setting div [start] -->
		<div id="deliverNow_setting" class="ui-popup settingPosition hidden">
			<div class="settingDiv">
                <div class="ui-popup-wrapper">
                    <div class="ui-popup-content" id="deliverNow_input_warpper">
                        <div class="ui-popup-title"><label><span>${nls.setting}</span></label></div>
                        <div class="ui-popup-item settingNotes">
                            <label><div class="ui-popup-label-setting">${nls.settingNotes}</div></label>
                        </div>
                        <div class="ui-popup-item">
                            <label><div  class="ui-popup-label-setting width-180">${nls.moneyPerGreenLaisee}</div></label>
                            <input type="tel" id="deliverGreenMoney" class="ui-input-logon ui-popup-input-setting" maxlength="5"/>
                            <!--<label><span name="deliverCurrency"></span></label>-->
                        </div>
                        <div class="ui-popup-item">
                            <label><div  class="ui-popup-label-setting width-180">${nls.amountOfGreenLaisee}</div></label>
                            <input type="tel" id="deliverGreenAmount" class="ui-input-logon ui-popup-input-setting" maxlength="5"/>
                        </div>
                        <!-- <div>&nbsp;</div> -->
                        <div class="ui-popup-item">
                            <label><div  class="ui-popup-label-setting width-180">${nls.moneyPerBigLaisee}</div></label>
                            <input type="tel" id="deliverBonusMoney" class="ui-input-logon ui-popup-input-setting" maxlength="5"/>
                            <!--<label><span name="deliverCurrency"></span></label>-->
                        </div>
                        <div class="ui-popup-item">
                            <label><div  class="ui-popup-label-setting width-180">${nls.amountOfBigLaisee}</div></label>
                            <input type="tel" id="deliverBonusAmount" class="ui-input-logon ui-popup-input-setting" maxlength="5"/>
                        </div>

                    </div>
                    <div class="ui-popup-buttonSection">
                        <a id="deliverNow_setting_cancel" class="ui-btn-standard"><span>${nls.cancel}</span></a>
                        <a id="deliverNow_setting_save" class="ui-btn-standard save"><span>${nls.save}</span></a>
                    </div>
                </div>
			</div>
		</div>
		<!-- setting div [end] -->
		<!-- info div [start] -->
		<div id="deliverNow_channelCodeInfo" class="ui-popup hidden">
			<div class="ui-popup-wrapper">
				<div id="deliverNow_input_warpper">
					<div class="ui-popup-contentTop ui-popup-title ui-infoSetting-title"><label><span>${nls.channelCodeTit}</span></label></div>
					<div class="ui-popup-contentMid ui-popup-item ui-settingDiv-center">${nls.channelCodeTxt}</div>
					<div>&nbsp;</div>
					<div class="ui-channelCode">
						<div id="deliverNow_channelCode" class="ui-channelCode-display"></div>
					</div>
					<div>&nbsp;</div>
					<div class="ui-popup-contentBottom ui-popup-item">
						<label><div  class="ui-popup-label-setting ui-info-notes">${nls.channelCodeNotes}</div></label>
					</div>
					<div>&nbsp;</div>

				</div>
				<div class="ui-popup-buttonSection">
					<a id="deliverNow_channelCodeInfo_close" class="ui-btn-standard cancel"><span>${nls.closeBtn}</span></a>
				</div>
			</div>
		</div>
		<!-- info div [end] -->
	</div>
		
</body>
</html> 